<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui">

<h:head>
	<h:outputStylesheet library="css" name="default.css" />
	<title><h:outputText value="#{msg.tituloSistema}" /></title>
	
</h:head>
<body id="body">
	<h:form>

		<p:dialog modal="true" widgetVar="statusDialog"
			header="Processando..." draggable="false" closable="false"
			resizable="false">
			<p:graphicImage library="imagens" name="carregando-quadrados.gif" />
		</p:dialog>
		<p:ajaxStatus onstart="statusDialog.show();"
			onsuccess="statusDialog.hide();" />

		<p:growl sticky="true" id="mensagem" />
		<div class="posiciona" id="posiciona">

			<table width="100%">
				<tr>
					<td width="20%">
						<h:outputText value="Email : " styleClass="camposCadastro" style="color:white;" /></td>
					<td>
						<p:inputText value="#{loginFaces.login}" styleClass="camposCadastro" id="login" style="width:90%"/>
						<p:watermark value="E-mail login" for="login" />
					
					</td>
				</tr>

				<tr>
					<td>
						<h:outputText value="Senha : " styleClass="camposCadastro" style="color:white;" /></td>
					<td>
						<p:password value="#{loginFaces.senha}" styleClass="camposCadastro" id="password" style="width:90%"> </p:password>
						<p:watermark value="Senha" for="password" />
					</td>
				</tr>
			</table>

			<p:spacer height="20px" />

			<div align="center">
				<p:commandButton value="Login" action="#{loginFaces.realizarLogin()}" update="mensagem" 
					style="width:100px;height:50px; font-size:18px !important; font-weight:bold;" />
			</div>
		</div>

	</h:form>
</body>
</html>